{include file="common/head"/}
<style type="text/css">
.layui-table-view{ margin: 0px!important; }
</style>
<div class="main">  
    <div class="layui-card-header">订单明细</div> 
    <div class="pd15" style="padding-top: 0px;">
        <blockquote class="layui-elem-quote"><span class="red">待支付：</span>{$payorder.no}元，<span class="blue">待确认：</span>{$payorder.que}元<br/><span class="gre">已确认：</span>{$payorder.yes}元</blockquote> 
<!--         <div class=" ">
            <a href="{:url('index')}" class="layui-btn layui-btn-sm"><i class="layui-icon">&#xe857;</i>全部订单明细</a> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('today')"><i class="layui-icon">&#xe857;</i>今日订单明细</div> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('yesterday')"><i class="layui-icon">&#xe857;</i>昨日订单明细</div> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('week')"><i class="layui-icon">&#xe857;</i>本周订单明细</div> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('last week')"><i class="layui-icon">&#xe857;</i>上周订单明细</div> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('month')"><i class="layui-icon">&#xe857;</i>本月订单明细</div> 
            <div class="layui-btn layui-btn-sm layui-btn-primary" onclick="orderquan('last month')"><i class="layui-icon">&#xe857;</i>上月订单明细</div> 
        </div>   -->
        <table class="layui-table layui-hide" id="orderlist" lay-filter="listss"></table>
    </div> 
</div>
<script type="text/html" id="payinfo">
    {{# if(d.bankid){ }}<div onmouseover="layer.tips('{{d.bank_name}}<br>收款账号：{{d.bank_no}}<br>支付时间：{{d.paytime}}',this,{area: 'auto',tips: [1, '#333']});" onmouseout="layer.closeAll();">{{d.payname}}</div>{{# } }} 
</script> 
<script src="/static/plugins/layui/layui.js"></script> 
<script>
    layui.use(['table','form','laydate'], function() { 
        var table = layui.table,form = layui.form, $ = layui.jquery,laydate = layui.laydate;
        laydate.render({
            elem: '#timess',range: true
        });
        tableIn = table.render({
            id: 'listss',
            elem: '#orderlist', 
            url: '{:url("index")}',
            method: 'post', 
            page: true,
            cols: [[  
                {field: 'orderid', title: '平台订单号',align: 'center', width:138},
                {field: 'money', title: '订单金额',align: 'center', width: 120},
                {field: 'state_name', title: '订单状态',align: 'center', width: 100}, 
                {field: 'points_name', title: '上分状态',align: 'center', width: 100},  
                {field: 'cionname', title: '币种名称',align: 'center', width: 120},
                {field: 'price', title: '单价/CNY',align: 'center', width: 100},
                {field: 'number', title: '数量',align: 'center', width: 120},
                {field: 'payname', title: '支付信息',align: 'center', width: 100,templet: '#payinfo'}, 
                {field: 'fei_shop', title: '手续费',align: 'center', width: 100}, 
                {field: 'fei_jie', title: '结算状态',align: 'center', width: 90}, 
                {field: 'channelname', title: '所属通道',align: 'center', width: 100}, 
                {field: 'shopname', title: '所属商户',align: 'center', width: 100}, 
                {field: 'orderid_out', title: '商户订单号',align: 'center', width: 150},  
                {field: 'note', title: '备注信息',align: 'center', width: 120},  
                {field: 'addtime', title: '提交时间',align: 'center', width: 142},  
            ]],
            limit: 10 //每页默认显示的数量
        });  
        //搜索
        $('#search').on('click', function() {
            var shopid = $('#shopid').val();
            var cionid = $('#cionid').val();
            var timess = $('#timess').val();
            var state = $('#state').val();
            var points = $('#points').val();
            var orderid = $('#orderid').val();
            if($.trim(shopid)==='' && $.trim(cionid)==='' && $.trim(timess)==='' && $.trim(orderid)==='' && $.trim(state)==='' && $.trim(points)==='' ) {
                layer.msg('请输入平台订单号！',{icon:0});
                return;
            }else{
                tableIn.reload({ page: {page: 1},where: {shopid: shopid,cionid: cionid,timess: timess,orderid: orderid,state: state,points: points}});
            } 
        });   
    });
    function orderquan(timessss){
        tableIn.reload({ page: {page: 1},where: {timequan:timessss}}); 
    } 
</script>
</body>
</html>